<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>功能管理</title>
    <link href="css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.css"/>
    <link rel="stylesheet" href="css/animate.css"/>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>


    <link href="css/plugins/steps/jquery.steps.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <style>
        #page-wrapper{padding: 0 10px;}
        .wrapper{padding:0;}
        .ibox-content{padding: 15px 5px;}
        .form-control{display: inline-block;padding: 2px;height: 30px;}
        .input-xs{width: 40px;float:left;}
        .input-s{width: 105px;}
        th{text-align: center;}
        .table > tbody > tr > td{padding: 2px;text-align: center;}
        .float-e-margins .btn{margin: 0;}
        .wizard-big.wizard > .content{min-height:600px;}
        .wizard > .content{background: #fff;border-top:2px solid #1AB394;border-radius: 0;}
        .wizard > .steps > ul > li{width: 12%;}
        .wizard > .content > .body{overflow-y:auto;height:100%;width: 100%;}
        .wizard > .content > .body{padding: 1% 0;}
        .label{cursor: pointer;}
    </style>


</head>

<body class="top-navigation">
<div id="wrapper">
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom white-bg">
            <nav class="navbar navbar-static-top" role="navigation">
                <div class="navbar-header">
                    <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                        <i class="fa fa-reorder"></i>
                    </button>
                    <a href="" class="navbar-brand">Hplus</a>
                </div>
                <div class="navbar-collapse collapse" id="navbar">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a aria-expanded="false" role="button" href="" class="dropdown-toggle"
                               data-toggle="dropdown"> 权限管理 <span class="caret"></span>
                            </a>
                            <ul role="menu" class="dropdown-menu">
                                <li><a href="功能管理.html">功能管理</a></li>
                                <li><a href="用户管理.html">用户管理</a></li>
                                <li><a href="岗位管理.html">岗位管理</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a aria-expanded="false" role="button" href="" class="dropdown-toggle"
                               data-toggle="dropdown"> 订单管理 <span class="caret"></span>
                            </a>
                            <ul role="menu" class="dropdown-menu">
                                <li><a href="">待审核</a></li>
                                <li><a href="">进行中</a></li>
                                <li><a href="">已完成</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-top-links navbar-right">
                        <li>
                            <a href="">
                                <i class="fa fa-sign-out"></i> 退出
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>

        <div class="wrapper m-t">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form id="form" class="wizard-big">
                        <h1>订单信息</h1>
                        <fieldset>
                            <div style="width: 100%; overflow-x: auto;">
                                <table class="table-striped table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>订单编号</th>
                                        <th colspan="2">
                                            <input type="text" class="form-control input-s-sm pull-left" disabled="disabled"/>
                                        </th>
                                        <th>经销商</th>
                                        <th colspan="2">
                                            <input type="text" class="form-control pull-left" disabled="disabled"/>
                                        </th>
                                        <th>客户名称</th>
                                        <th colspan="2">
                                            <input type="text" class="form-control pull-left" disabled="disabled"/>
                                        </th>
                                        <th>订货日期</th>
                                        <th colspan="2" class="date">
                                            <input type="text" class="form-control pull-left" disabled="disabled"/>
                                        </th>
                                        <th>确定时间</th>
                                        <th colspan="5" class="date">
                                            <input type="text" class="form-control pull-left"/>
                                        </th>
                                    </tr>
                                    <tr>
                                        <th>商品分类</th>
                                        <th>商品名称</th>
                                        <th>门洞尺寸</th>
                                        <th>门扇规格</th>
                                        <th>立板规格</th>
                                        <th>帽头规格</th>
                                        <th>工艺分类</th>
                                        <th>工艺技术</th>
                                        <th>数量</th>
                                        <th>线条要求</th>
                                        <th>线条要求</th>
                                        <th>数量</th>
                                        <th>颜色</th>
                                        <th>折扣</th>
                                        <th>单价</th>
                                        <th>总价</th>
                                        <th>备注</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>
                                            <select class="form-control input-s">
                                                <option>类别一</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select class="form-control input-s">
                                                <option>类别一</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-s" placeholder="cm*cm*cm"/>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-s" placeholder="cm*cm=cm"/>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-s" placeholder="cm*cm=cm"/>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-s" placeholder="cm*cm=cm"/>
                                        </td>
                                        <td>
                                            <select class="form-control input-s">
                                                <option>类别一</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select class="form-control input-s">
                                                <option>类别一</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-xs"/>
                                        </td>
                                        <td>
                                            <select class="form-control input-s">
                                                <option>类别一</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select class="form-control input-s">
                                                <option>类别一</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-xs"/>
                                        </td>
                                        <td>
                                            <select class="form-control input-s">
                                                <option>颜色1</option>
                                            </select>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-xs"/>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-xs"/>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-xs"/>
                                        </td>
                                        <td>
                                            <input type="text" class="form-control input-xs"/>
                                        </td>
                                        <td>
                                            <div style="width: 50px">
                                            <span class="label label-primary pull-left m-t-xs"> = </span>
                                            <span class="label label-danger addBtn pull-right m-t-xs"> + </span></div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="clearfix"></div>
                            <div class="hr-line-dashed"></div>
                            <div>
                                <div class="col-md-2">
                                    <div class="input-group m-b">
                                        <span class="input-group-addon">定金</span>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="input-group m-b">
                                        <span class="input-group-addon">总款</span>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="input-group m-b">
                                        <span class="input-group-addon">余款</span>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group m-b">
                                        <span class="input-group-addon">备注</span>
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </fieldset>


                        <h1>工序信息</h1>
                        <fieldset>
                            <div class="ibox-content" id="gy" style="padding-bottom:0;border: none;">
                                <div class="gongyibox">
                                    <div class="col-lg-2">
                                        <div class="input-group m-b">
                                            <span class="input-group-addon bg-info">工序</span>
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="input-group m-b">
                                            <span class="input-group-addon bg-info">工价</span>
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="input-group m-b">
                                            <span class="input-group-addon">操作工</span>
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-3" id="data_3">
                                        <div class="input-group m-b date">
                                            <span class="input-group-addon">要求完成时间</span>
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="col-lg-3" id="data_4">
                                        <div class="input-group m-b date">
                                            <span class="input-group-addon">实际完成时间</span>
                                            <input type="text" class="form-control">
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            <div style="padding: 0 20px;">
                                <div class="well well-sm">
                                    <a id="gongyi"><i class="fa fa-plus-circle"></i> 添加</a>
                                </div>
                            </div>

                        </fieldset>

                        <h1>原材料信息</h1>
                        <fieldset>
                            <div class="input-group" style="width: 300px;">
                                <input type="text" class="form-control" id="search">
                                <span class="input-group-addon search">搜索</span>
                                <div class="input-group-btn">
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                    </ul>
                                </div>
                            </div>

                            <div id="cailiao" class="m-t"></div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="width: 100px;height: 100px;border: 2px solid #ff0000;" id="lines"></div>

</body>
<script src="layer/layer.js"></script>

<script src="datapicker/bootstrap-datepicker.js"></script>
<script src="js/tianchen.js"></script>
<!-- Steps -->
<script src="js/plugins/staps/jquery.steps.min.js"></script>
<script src="js/plugins/staps/Mystaps.js"></script>
<script src="js/plugins/typeahead/bootstrap-suggest.js"></script>

<!-- Jquery Validate -->
<script src="js/plugins/validate/jquery.validate.min.js"></script>
<script src="js/plugins/validate/messages_zh.min.js"></script>

<script>
    $(function(){
        var addHtml=$('table tbody tr:first').prop('outerHTML');
        $('body').on('click','.addBtn',function(){
            $('table tbody tr:last').after(addHtml);
        });

        $("#search").bsSuggest({
            allowNoKeyword: false,
            url: "js/plugins/typeahead/data.json",
            searchFields: [ "shortAccount"],
            //showHeader: false,
            autoSelect: false,
            showBtn: false,
            idField: "userId",
            keyField: "userName"
        });

    });

    $('body').on('click','#line',function(){
        layer.open({
            type: 2,
            title:'线条要求',
            area: ['600px', '430px'],
            fix: false,
            maxmin: true,
            content: '制单_线条要求.html'
        });
    })
</script>

</html>
